*{
	margin: 0px;
	padding: 0px;
}
.container{
	width: 1180px;
	margin: 0 auto;
}
/*导航*/
.yftHead{
	width: 100%;
	height: 38px;
	background-color: #F6F8F7;
	
}
.yefPesion{
	float: left;
	width: 110px;
	font-size: 12px;
	line-height: 38px;
	position: relative;
	text-align: center;
}
.yefPesion .yefPesion-ul{
	width: 342px;
	height: 231px;
	background-color: white;
	border: 1px solid #e7e7e7;
	border-top: 0px;
	border-left: 0px;
	position: absolute;
	z-index: 200;
}
.yefPesion .yefPesion-ul li{
	float: left;
	width: 68px;
	height: 27px;
	line-height: 27px;
	margin-top: 4px;
	text-align: center;
}
.yefPesion .yefPesion-ul li:hover{
	background-color: gainsboro;
}
.yftContainer .yefPesion-ul2{
	float: right;
	height: 38px;
}
.yftContainer .yefPesion-ul2 li{
	float: left;
	line-height: 38px;
	margin: 0px 20px;
}
.yftContainer .yefPesion-ul2 .a1{
	float: left;
	line-height:38px ;
	color: darkgray;
}
.yftContainer .yefPesion-ul2 .lis:hover{
	color: black;
}
.yftContainer .yefPesion-ul2 .lis span:hover{
	color: #ff6700;
}
.yftContainer .yefPesion-ul2 .lis1{
	margin: 0px;
	width: 104px;
	text-align: center;
}
.yftContainer .yefPesion-ul2 .lis1:hover{
	background-color: white;
	color: #FF6700;
}
.yftContainer .yefPesion-ul2 .lis2{
	margin: 0px;
	width: 110px;
	text-align: center;
	border: 1px solid #F6F8F7;
}
.yftContainer .yefPesion-ul2 .lis2:hover span{
	
	color: #ff6700;
}
.yftContainer .yefPesion-ul2 .lis2:hover{
	background-color: white;
	border: 1px solid #e7e7e7;
	
}
.yftContainer .yefPesion-ul2 .lis3{
	margin: 0px;
	width: 125px;
	text-align: center;
	border: 1px solid #F6F8F7;
}
.yftContainer .yefPesion-ul2 .lis3:hover{
	background-color: white;
	border: 1px solid #e7e7e7;
	border-bottom: 0px;
	color: #FF6700;
}
.yftContainer .yefPesion-ul2 .lis4{
	margin: 0px;
	width: 68px;
	text-align: center;
	border: 1px solid #F6F8F7;
}
.yftContainer .yefPesion-ul2 .lis4:hover{
	background-color: white;
	border: 1px solid #e7e7e7;
	border-bottom: 0px;
	color: #FF6700;
}
.lis2-ul{
	background-color: white;
	position: absolute;
	margin-left: -1px;
	width: 110px;
	height: 118px;
	border: 1px solid gainsboro;
	border-top: 0px;
}
.lis2-ul li:hover{
  color: #ff6700;
}


.lis3 div{
	width: 333px;
	height: 112px;
	border: 1px solid gainsboro;
	border-top: 0px;
	border-left: 0px;
}
.nav-list{
	box-sizing: border-box;
	padding-top: 10px;
	background-color: white;
	
}
.nav-list .nav-list-p{
	color: grey;
	margin-top: 10px;
	text-align: left;
	margin-left: 20px;
}
.nav-list .nav-list-p1{
	width: 120px;
	height: 25px;
	background-color: #FF6700;
	line-height: 25px;
	text-align: center;
	font-size: 14px;
	border-radius: 5px;
	margin-left: 195px;
	margin-top: 18px;
}
.yftSearch{
	float: left;
	margin-top: 25px;
	margin-left: 100px;
	width: 437px;
	height: 64px;
}
.yftSearch .yftSearch-1 p{
	float: left
}
.yftSearch .yftSearch-1-1{
	width: 52px;
	height: 27px;
	background-color: #ff6700;
	color: white;
	line-height: 27px;
	text-align: center;
	font-size: 14px
}
.yftSearch .yftSearch-1-2{
	width: 52px;
	height: 27px;
	color: #FF6700;
	line-height: 27px;
	text-align: center;
	font-size: 14px
}
.yftSearch .yftSearch-2-1{
	border: 2px solid #FF6700;
	height: 38px;
   border-radius: 0px 3px 3px 0px;
	
}
.yftSearch .yftSearch-2-1 button{
	background-color: #FF6700;
	height: 38px;
	width: 61px;
	float: right;
}
.yftSearch .yftSearch-2-1 button img{
	width: 20px;
	height: 20px;
}
.yftSearch .yftSearch-2-1 input{
  padding-left: 5px;
  padding-top: 10px;
  color: gray;
}
.yftNav{
	width: 100%;
	height: 50px;
	background-color: #4e433d;
	margin-top: 26px;
}
.grid-12 li{
float: left;
font-size: 16px;
color: white;
width: 118px;
text-align: center;
line-height: 50px;
}
.grid-12 li:hover{
	background-color: #675D57;
}
.grid-12 .yftNavLeft {
	position: relative;
}
.grid-12 .yftNavLeft .yftNav-category{
	width: 200px;
	height: 458px;
	border:1px solid gainsboro;
	/*border-right: 0px;*/
	border-top: 0px;
	position: absolute;
	/*position: relative;*/
	background-color: #fff;
}

.grid-12 .yftNavLeft .yftNav-category div{
   width: 100%;
   height: 57px;
    /*position: relative;*/
   color: black;
}
.grid-12 .yftNavLeft .yftNav-category div:hover{
		border-right: 1px solid white;
}
.grid-12 .yftNavLeft .yftNav-category div div:hover{
	border: 1px solid black;
	border-right: 1px solid white;
	z-index: 200;
	position: relative;
}
.grid-12 .yftNavLeft .yftNav-category div p{
	float: left;
	margin-top: 8px;
	margin-left: 12px;
	height: 20px;
    line-height: 20px;
	margin-right: 100px;
	font-size: 14px;
}
.grid-12 .yftNavLeft .yftNav-category div .last{
	float: left;
	height: 20px;
	margin-top: 5px;
	
}
.grid-12 .yftNavLeft .yftNav-category div .last span{
	float: left;
  color: #999999;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  margin-left: 12px;
}
.grid-12 .yftNavLeft .yftNav-category .last-hide{
	height: 457px;
	width: 792px;
	position: absolute;
	border: 1px solid black;
	/*border-left: 0px;*/
	border-top: 0px;
	background-color: white;
	left: 201px;
	top: 0px;
}
.grid-12 .yftNavLeft .yftNav-category .last-hide:hover{
	color: #ff6700;
}
.grid-12 .yftNavLeft .yftNav-category .last-hide section{
  margin: 20px;
  width: 460px;
}
.grid-12 .yftNavLeft .yftNav-category .last-hide section a:hover{
color: #ff6700;
}
/*办公用品*/
.grid-12 .yftNavLeft .yftNav-category .last-hide .last-hide-1{
	height: 70px;
	
}
.yftNav-category .last-hide .last-hide-1 .last-hide-a{
	float: left;
	height: 16px;
	line-height: 16px;
	color: black;
}
.yftNav-category .last-hide .last-hide-1 .last-hide-ul{
	margin-left: 100px;
	width: 360px;
	height: 70px;

}
.yftNav-category .last-hide .last-hide-1 .last-hide-ul li{
	float: left;
	width: 90px;
	height: 20px;
	line-height: 20px;
	color: black;
	font-size: 12px;
}
.yftNav-category .last-hide .last-hide-1 .last-hide-ul li:hover{
	background-color: white;
	color: #ff6700;
}
.grid-12 .yftNavLeft .yftNav-category .last-hide .last-hide-2{
	
	height: 50px;
}

.yftNav-category .last-hide .last-hide-2 .last-hide-a{
	float: left;
	height: 16px;
	line-height: 16px;
	color: black;
}
.yftNav-category .last-hide .last-hide-2 .last-hide-ul{
	margin-left: 100px;
	width: 360px;
	height: 70px;
}
.yftNav-category .last-hide .last-hide-2 .last-hide-ul li{
	float: left;
	width: 90px;
	height: 20px;
	line-height: 20px;
	color: black;
	font-size: 12px;
}
.yftNav-category .last-hide .last-hide-2 .last-hide-ul li:hover{
	background-color: white;
	color: #ff6700;
}
/*3*/
.grid-12 .yftNavLeft .yftNav-category .last-hide .last-hide-3{
	
	height: 50px;
}
.yftNav-category .last-hide .last-hide-3 .last-hide-a{
	float: left;
	height: 16px;
	line-height: 16px;
	color: black;
}
.yftNav-category .last-hide .last-hide-3 .last-hide-ul{
	margin-left: 100px;
	width: 360px;
	height: 70px;
}
.yftNav-category .last-hide .last-hide-3 .last-hide-ul li{
	float: left;
	width: 90px;
	height: 20px;
	line-height: 20px;
	color: black;
	font-size: 12px;
}
.yftNav-category .last-hide .last-hide-3 .last-hide-ul li:hover{
	background-color: white;
	color: #ff6700;
}
/*4*/
.grid-12 .yftNavLeft .yftNav-category .last-hide .last-hide-4{
	
	height: 50px;
}
.yftNav-category .last-hide .last-hide-4 .last-hide-a{
	float: left;
	height: 16px;
	line-height: 16px;
	color: black;
}
.yftNav-category .last-hide .last-hide-4 .last-hide-ul{
	margin-left: 100px;
	width: 360px;
	height: 70px;
}
.yftNav-category .last-hide .last-hide-4 .last-hide-ul li{
	float: left;
	width: 90px;
	height: 20px;
	line-height: 20px;
	color: black;
	font-size: 12px;
}
.yftNav-category .last-hide .last-hide-4 .last-hide-ul li:hover{
	background-color: white;
	color: #ff6700;
}
/*5*/
.grid-12 .yftNavLeft .yftNav-category .last-hide .last-hide-5{
	
	height: 50px;
	
}
.yftNav-category .last-hide .last-hide-5 .last-hide-a{
	float: left;
	height: 16px;
	line-height: 16px;
	color: black;
}
.yftNav-category .last-hide .last-hide-5 .last-hide-ul{
	margin-left: 100px;
	width: 360px;
	height: 70px;
	
}
.yftNav-category .last-hide .last-hide-5 .last-hide-ul li{
	float: left;
	width: 90px;
	height: 20px;
	line-height: 20px;
	color: black;
	font-size: 12px;
}
.yftNav-category .last-hide .last-hide-5 .last-hide-ul li:hover{
	background-color: white;
	color: #ff6700;
}
.grid-12 .yftNavLeft .yftNav-category .last-hide .last-hide-6{
	width: 240px;
	height: 380px;
	float: right;
	margin-top: -370px;
}
.grid-12 .yftNavLeft .yftNav-category .last-hide .last-hide-6 img{
	width: 240px;
	height: 180px;
}
.yftNav .grid-12 .yftNav-content{
	border: 1px solid salmon;
	border-top: 0px;
	height: 200px;
	width: 100%;
	position: absolute;
	left: 0;
	background-color: white;
	z-index: 500;
	
}
.yftNav-content .yftNavChannel-img .loneliness{
  	width: 50px;
	height: 20px;
	border: 1px solid lightgray;
	margin-top: 160px;
	margin-left: 20px;
	color: gray;
	line-height: 20px;
	font-size: 14px;
}
.yftNav-content .yftNavChannel-img .loneliness:hover{
     color: #ff6700;
}
.yftNav-content .yftNavChannel-img li{
	width: 220px;
	height: 148px;
	border-left: 1px  solid gainsboro;
    background-color:white;
	margin-top: 30px;
	text-align: center
}
.yftNav-content .yftNavChannel-img li:hover{
  background-color: #fafafa;
}
.yftNav-content .yftNavChannel-img li:hover p{
color: #ff6700;
}
.yftNav-content .yftNavChannel-img li p{
	margin-top: -20px;
  font-size: 16px;
	color: black;
}
/*banner轮播*/
.banner-list{
	width: 100%;
	height: 340px;
	
	position: relative;
}
.banner{
		width: 100%;
	    height: 340px;
	   
		position: relative;
	    }
			.banner .banner_img_a{
				position: absolute;
				display: none;
			}
			.banner .show{
				display: block;
			}
			.banner img{
				width: 100%;
				height: 100%;
			}
			.banner .indicator{
				position: absolute;
				left:50%;
				bottom: 10px;
				height: 12px;
				width: 100px;
				background-color: lightgrey;
				border-radius: 8px;


			}
			.banner .indicator span{
				display: inline-block;
				width: 10px;
				height: 10px;
				line-height: 10px;
				border-radius: 50%;
				background-color: gray;
				margin-left: 10px;		
			}
			.banner .indicator span.cur,.banner .indicator span:hover{
			    background-color: #ff6700;     
			} 
		
			.banner-list .page span{
				display: inline-block;
				width: 50px;
				height: 100px;
				background-color: #d2dedf;
				position: absolute;
				top:30%;
				
				text-align: center;
				
				cursor: pointer;
				
			}
			.banner-list .page .prev{
				left: -60px;
			}
			.banner-list .page span img{
				      margin-top: 25px;
                       width: 50px;
					   height: 50px;
					   text-align: center;
			}
			.banner-list .page .next{
				right: -60px;

			}
			.banner-list .page span:hover{
				background-color: gray;
			}

			.floor-change{
				width: 100%;
				height: 90px;
				/*border: 1px solid green;*/
				margin-top: 20px;


			}
			.change-like{
				width: 200px;
				height: 90px;
				float: left;
				
			}
			.change-like img{
               height: 90px;
			}
			.change-list{
				margin-left: 10px;
              float: left;
				width: 920px;
				height: 90px;
			}
			.change-list img{
			margin-left: 8px;
               height: 90px;
			}
			.change-list img:hover{
				box-shadow: 10px 10px 10px gainsboro;
			}
			.yfticon{
				 height: 88px;
				 width: 48px;
				 float: right;
                border: 1px solid #999999;
                text-align: center;
                line-height: 88px;
				color:  lightslategray;
			}
			.yfticon:hover{
				border:1px solid #ff6700;	
			}
			.yfticon:hover div{
			color: #ff6700 ;
			}
			/*热销*/
         .floor-main{
          width: 100%;
		  height: 410px;
		  margin-top: 30px;
		 }
		  .floor-main .floor-main-p{
           font-size: 24px;
		   text-align: center;
		  }
		  .floor-lists{
			  width: 100%;
			  height: 360px;
			    margin-top: 25px;
		  }
		   .floor-lists li{
			   float: left;
			   width: 380px;
			  height: 360px;
			   margin-right: 20px;
			   background-color: #fafafa;
		   }
		    .floor-lists li:hover{
				margin-top: -3px;
				box-shadow: 10px 10px 10px gainsboro;
			}
		   .floor-lists li img{
			    width: 380px;
			  height: 290px;
		   }
		   .floor-lists li .text-href{
			   margin-top: 25px;
			   font-size: 16px;
		   }
		    .floor-lists li .text-href .text-href-1{
				margin: 20px;
			}
			 .floor-lists li .text-href .text-href-1:hover{
				 color: #ff6700;
			 }
           .floor-lists li .text-href .text-href-2{
				float: right;
				margin-right: 40px;
			}
			 .floor-lists li .text-href .text-href-2 span{
				 color: #ff6700;
				
			 }
			 /*当季必备*/
			 .floor-lists-ul{
				 margin-top: 20px;
               height: 280px;
			 }
			 .floor-lists .floor-lists-li{
				   width: 280px;
				   height: 280px;
			 }
			  .floor-lists .floor-lists-li img{
			    width: 280px;
			  height: 210px;
		   }
		   .floor-lists .floor-lists-li .text-href .text-href-2{
			   margin-right: 20px;
			   margin-top: -5px;
		   }
		   /*滑动门*/
		   /*.yft-floor{
			  width: 100%;
			  height: 460px;
			  background-color: #fafafa; 
			  margin-top: 64px;
			  box-sizing: border-box;
			  padding-top: 20px;
		   }
		   .floor-title{
			   font-size: 20px;
			   text-align: center;
			
		   }*/

		   /*客户评价*/
		   .yft-comments{
			    margin-top: 40px;
			   height: 485px;
                width: 100%;
				
		   }
		    .yft-comments .comments-title{
				font-size: 18px;
				color: #666;
			}
			.yft-comments .comments-title a{
             font-size: 14px;
			 color: black;

			}
			.yft-comments .comments-title a:hover{
				color: #ff6700;
			}
			/*tu*/
             .yft-comments .comments-lists{
				 margin-top: 30px;
				 height: 385px;
			
			 }
			  .yft-comments .comments-lists .comments-msg{
				  float: left;
				   height: 385px;
				   width: 280px;
			  }
			 .yft-comments .comments-lists .comments-msg a{
				 display: inline-block;
				 width: 280px;
				 height: 210px;
                 position: relative;
			 }
			 .yft-comments .comments-lists .comments-msg a img{
				 width: 280px;
				 height: 210px;
				 position: absolute;
			 }
			 .yft-comments .comments-lists .comments-msg a span{
                       width: 280px;
				       height: 210px;
					   background-color: white;
					   opacity: 0.7;
					   position: absolute;
					   display: none;

			 }
			 .yft-comments .comments-lists .comments-msg a:hover span{
				 display: block;
			 }
			.comments-lists .comments-msg .comments-msg-P1{
				font-size: 16px;
				margin-top: 20px;
			}
			.comments-lists .comments-msg .comments-msg-P1:hover{
				color: #ff6700;
				
			}
			.comments-lists .comments-msg .comments-msg-P2{
                float: right;
				margin-top: 20px;
				margin-bottom: 20px;
				color: #999;
			}
			.comments-lists .comments-msg .comments-msg-P3{
				float: left;
				margin-left: 24px;
				font-size: 12px;
				color: gray;
			}
			 .yft-comments .comments-lists .comments-msg a #kh4{
				 width: 90px;
				 height: 210px;
				 position: absolute;
			 }
			 .footer-list{
				 width: 100%;
				 height: 68px;
				 background: url(../img/bottom.png);
				 background-repeat: no-repeat;	
				 margin-top: 30px;
			 }
			 .footer-list div{
				
				 height: 68px;
				 font-size: 18px;
				 float: left;
				 line-height: 68px;
			 }
			 .footer-fw{
				 width: 100%;
				 height: 64px;
            line-height: 64px;
			 }
			 .footer-fw li{
				 width: 20%;
				 text-align: center;
				 float: left;
			 }
			  .footer-fw li a{
              color: #b0b0b0;
			  font-size: 16px;
			  }
			  .footer-fw li a:hover{
				  color: #ff6700;
			  }
			  .yftAboutUs{
              width: 100%;
			  height: 60px;
			  border-top: 2px solid #ff6700;
			  text-align: center
			  }
			  .yftAboutUs p a:hover{
                color: #ff6700;
			  }
			  .footer{
				  margin-top: 20px;
				  border-top:1px solid gainsboro; 
				  width: 100%;
				  height: 100px;
				  color: lightgray;
				  box-sizing: border-box;
				  padding-top: 10px;
			  }
			   .footer a{
				  
				    color: #b0b0b0;
					margin: 10px;
			   }
			   .footer a:hover{
				   color: #ff6700;
			   }
			   .footer-ul{
				   margin-top: 10px;
			   }
			   .footer-ul li{
                   float: left;
			   }
